<html>

	<head>
		<meta content="IE=edge" http-equiv="X-UA-Compatible">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<meta http-equiv="Cache-Control" content="no-cache,must-revalidate" />
		<title>加购运营</title>
		<link rel="bookmark" type="image/x-icon" href="img/zlan.ico" />
		<link rel="shortcut icon" href="img/zlan.ico" type="image/x-icon">

		<link href="css/login/login.css" rel="stylesheet" rev="stylesheet" type="text/css" media="all" />
		<link href="css/login/login2.css" rel="stylesheet" rev="stylesheet" type="text/css" media="all" />
		<link rel="stylesheet" href="css/dialog.css">

		<script src="js/lib/jquery/jquery-1.9.0.min.js"></script>
		<script src="js/JS/jquery-ui-1.10.4.custom.js?v=20140818"></script>
		<script src="js/JScripts/Shop/module/bootstrap.min.js"></script>

		<script src="js/JS/jquery.md5.js" type="text/javascript"></script>
		<script src="js/dialog.js"></script>
		<script src="js/constants.js" type="text/javascript"></script>
		<script src="js/api.js" type="text/javascript"></script>

		<script type="text/javascript">
			$(function() {
				history.pushState(null, null, document.URL);
				window.addEventListener('popstate', function() {
					history.pushState(null, null, document.URL);
				});
				$(".i-text").focus(function() {
					$(this).addClass('h-light');
				});

				$(".i-text").focusout(function() {
					$(this).removeClass('h-light');
				});

			})

			function keyLogin() {

				if(event.keyCode == 13) {
					event.returnValue = false;
					event.cancel = true;
					dologin();
				}
			}

			function dologin() {

				var uid = $("#tbUserId").val();
				var pwd = $("#tbPassword").val();
				var validate = $("#yzm").val();
				if($api.isEmpty(validate)) {
					$api.showtoast('验证码不能为空！');
					$("#yzm").focus();
					return;
				} else if(validate.length != 4) {
					$api.showtoast('验证码错误！');
					$("#yzm").focus();
					return;
				}

				if($api.isEmpty(uid)) {
					$api.showtoast('用户名不能为空！');
					$("#tbUserId").focus();
					return;
				}
				if($api.isEmpty(pwd)) {
					$api.showtoast('密码不能为空！');
					$("#tbPassword").focus();
					return;
				}
				var param = {
					"Login": uid,
					"Pwd": $.md5(pwd),
					"Vcode": validate
				};

				$(".login-submit").text("正在登录");
				var url = BaseUrl + "SysUserLogin";
				$api.ajax(url, param, function(data) {
					$(".login-submit").text("系统登录");
					if(data.Code == 0) {
						$api.setStorage("user", data.User);
						$api.setStorage("token", data.Token);
						window.location = "sysmain.html";
						window.event.returnValue = false;
					}

				});
			}
		</script>

	</head>
	<style>
		.login-submit {
			display: block;
			width: 250px;
			line-height: 40px;
			margin: 0 auto;
			background: #f60;
			border-radius: 5px;
			font-size: 14px;
			font-weight: 400;
			text-align: center;
			color: #fff
		}
		
		.login-submit:hover {
			color: #fff;
			text-decoration: none;
			background: #f50;
			cursor: pointer
		}
	</style>

	<body onkeydown="keyLogin();">
		 
		<div class="header">
			<h1 class="headerLogo">
    <a title="浙兰智管家" target="_blank" href="http://www.XXX.net/">
     加购运营后台管理中心</a></h1>
			<!--<div class="headerNav">
				<p class="telW">服务热线</p>
				<p class="telN">400-8888-8888</p>
			</div>-->
		</div>

		<div class="banner">

			<div class="login-aside">
				<div id="o-box-up"></div>
				<div id="o-box-down" style="table-layout:fixed;">
					<div class="error-box"></div>

					<div class="fm-item">
						<label for="logonId" class="form-label">系统登陆：</label>
						<input type="text" maxlength="100" id="tbUserId" placeholder="输入账号" class="i-text" datatype="s6-18" errormsg="用户名至少6个字符,最多18个字符！">
						<div class="ui-form-explain"></div>
					</div>

					<div class="fm-item">
						<label for="logonId" class="form-label">登陆密码：</label>
						<input type="password" value="" maxlength="100" placeholder="输入登陆密码" id="tbPassword" class="i-text" datatype="*6-16" nullmsg="请设置密码！" errormsg="密码范围在6~16位之间！">
						<div class="ui-form-explain"></div>
					</div>

					<div class="fm-item pos-r">
						<label for="logonId" class="form-label">验证码</label>
						<input type="text" maxlength="100" id="yzm" class="i-text yzm" placeholder="验证码">
						<div class="ui-form-explain"><img class="yzm-img" id="Image1" src="https://jg.zhelan.net/JGApi/View/ImgCode.aspx"></img>
						</div>
					</div>

					<div class="fm-item">
						<a style="margin-top:20px;margin-left:0px;" onclick="dologin();" class="login-submit">登 录</a>

					</div>

				</div>

			</div>
			<img style="width: 100%;" src="http://qiniudns01.zhelan.net/banner4.jpg" />
		</div>
		<div class="banner-shadow"></div>

		<div class="footer">
			<p>Copyright &copy; 2021-2024. A2 Groups All rights reserved.
				<a target="_blank" href="http://www.XXX.net/">A2城市管理中心</a>
				<a href="http://www.beian.miit.gov.cn">浙ICP备17024780号-2</a>
			</p>
		</div>

	</body>

</html>